<ion-header>
  <ion-navbar style="opacity: 0.8" no-border-bottom color="primary">
    <ion-buttons left>
      <button ion-button icon-only color="royal" (click)="dismiss()">
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>消息列表</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

  <ion-list>
<!--    <ion-item>
      <h2 class="read">示例</h2>
      <p class="read">啊啊啊啊啊啊啊</p>
      <ion-note item-end>
        <label>2018-04-27 16:30:00</label>
      </ion-note>
    </ion-item>-->
    <button ion-item *ngFor="let item of items" (press)="pressEvent($event,item)" (click)="goDetails(item)">
      <h2 [ngClass]="{'read':item.state=='1'}">{{item.topic}}</h2>
      <p [ngClass]="{'read':item.state=='1'}">{{item.content}}</p>
      <ion-note item-end>
        <label>{{item.sendTime}}</label>
        <i [hidden]="item.state=='1'" item-end class="tip"></i>
      </ion-note>

    </button>
<!--    <ion-item-sliding *ngFor="let item of items" >
      <ion-item (click)="goDetails(item.tds,'view')">
        <h2>{{item?.tds.userName.value}}</h2>
        <p>ID：{{item?.tds.cId.value}}</p>
      </ion-item>
      <ion-item-options side="right">
        <button ion-button color="primary" (click)="goDetails(item.tds,'edit')">
          <ion-icon name="arrow-forward"></ion-icon>
          编辑
        </button>
        <button ion-button color="danger">
          <ion-icon name="remove-circle"></ion-icon>
          删除
        </button>
      </ion-item-options>
    </ion-item-sliding>
    <ion-item text-center *ngIf="!hasmore">
      <h2>暂无更多信息</h2>
    </ion-item>-->
  </ion-list>
  <ion-row>
  <ion-col class="nodata" text-center *ngIf="!hasmore">
    暂无更多信息
  </ion-col>
  </ion-row>
<!--  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>-->
</ion-content>
